﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Coldplay - Official</title>
    <link href="css/index.css" rel="stylesheet">
    <link href="css/nav.css" rel="stylesheet">
    <script type="text/javascript" src="js/nav.js"></script>
</head>
<body>
   <div class="container">
       <div class="nav">
           <ul>
               <li id="dh"><a href="index.html">Coldplay</a></li>
               <li>
                   <ul id="droplist_ul">
                       <li id="n0"><a href="index.html">首页</a></li>
                       <li id="n1"></li>
                       <li id="n2">
                           <a href="products.html">产品展示</a>
                           <ul id="n2_show">
                               <li>
                                   <ul>
                                       <li><span>MY COLDPLAY</span></li>
                                       <li><span>APPAREL</span></li>
                                       <li><span>ART</span></li>
                                       <li><span>VINYL</span></li>
                                       <li><span>CD</span></li>
                                       <li><span>ACCESSORIES</span></li>
                                   </ul>
                               </li>
                               <li>
                                   <img src="img/product_list.jpg" />
                               </li>
                           </ul>
                       </li>
                       <li id="n3"></li>
                       <li id="n4"><a href="profile.html">关于Coldplay</a></li>
                       
                   </ul>
               </li>
               <li>
                   <ul class="droplist_ul">
                       <li id="n5">
                           <a href="sign_in.html">Account</a>
                           <ul id="n5_show">
                               <li>
                                   <h3>会员登陆</h3>
                                   <h4>我拥有一个账户</h4>
                                   <form action="">
                                       <label for="">用户名*</label>
                                       <input type="text"><br>&nbsp;&nbsp;
                                       <label id="special1" for="">密码*</label>
                                       <input type="password"><br>
                                       <label for=""><span>忘记密码?</span></label><br>
                                       <input type="submit" value="提交" class="submit">
                                   </form>
                               </li>
                               <li>
                                   <ul>
                                       <li>我没有注册过任何账户</li>
                                       <li>创建个人账户以获取更多专属特权和丰富体验</li>
                                       <li><a href="sign_in.html">创建我的Coldplay账户</a></li>
                                   </ul>
                               </li>
                           </ul>
                       </li>
                   </ul>
               </li>
           </ul>
       </div>
       <div id="content">
           <div id="stacks">
               <div class="stack" style="--i:0;"></div>
               <div class="stack" style="--i:1;"></div>
               <div class="stack" style="--i:2;"></div>
               <div class="stack" style="--i:3;"></div>
               <div class="stack" style="--i:4;"></div>
               <div class="stack" style="--i:5;"></div>
               <div class="stack" style="--i:6;"></div>
               <div class="stack" style="--i:7;"></div>
               <div class="stack" style="--i:8;"></div>
               <div class="stack" style="--i:9;"></div>
               <div class="stack" style="--i:10;"></div>
           </div>
       </div>
       <div class="special_text">
           TO KNOW US
       </div>
       <div class="more">
           <ul class="box">
               <li>
                   <img src="img/banner2.jpg" />
                   <div class="text">Singer Martin</div>
               </li>
               <li>
                   <img src="img/banner4.jpg" />
                   <div class="text">Bass Berryman</div>
               </li>
               <li>
                   <img src="img/banner5.jpg" />
                   <div class="text">Guitar Buckland</div>
               </li>
               <li>
                   <img src="img/banner6.jpg" />
                   <div class="text">Drum Will</div>
               </li>
           </ul>
       </div>
   </div>
    <footer class="foot">
        <p>Copyright@www.coldplay.com</p>
        <p>Images from Twitter of Coldplay and Weibo of Coldplay_CN</p>
        <p>For personal final presentation only</p>
    </footer>
</body>
</html>